<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>网站因为超过使用期限而被暂停</title>
    <style>

        .container {
            width: 100%;
            height: 100%;
            background-color: #fff;
        }

        .content {
            width: 1200px;
            height: 100%;
            margin: 0 auto;;
        }

        .wrap {
            position: absolute;
            left: 0;
            top: 163px;
            width: 100%;
            text-align: center;
            z-index: 2;
        }

        .auto {
            margin: 0 auto;
            min-width: 1200px;
            max-width: 1200px;
            _width: 1200px;
        }
        .slogan {
            width: 209px;
            height: 71px;
            background: url(https://img.sanfengyun.com/img/logo2.png) no-repeat 0 0;
            display: inline-block;
            position: absolute;
            top: -50px;
            left: 50%;
            margin-left: -104.5px;
        }

        .mid {
            width: 100%;
        }

        .main-entry {
            width: 100%;
            height: 462px;
            margin: 50px auto 0;
            background-color: #fff;
        }
        .main-entry-txt {
            height: 124px;
            border-bottom: 1px solid #eee;
            color: #ff5454;
            font-size: 26px;
            line-height: 124px;
            text-align: left;
            padding-left: 326px;
        }
        .tanhao {
            display: inline-block;
            vertical-align: middle;
            margin-right: 8px;
            margin-bottom: 4px;
            width: 35px;
            height: 33px;
            background: url(https://img.sanfengyun.com/img/tanhao.png) no-repeat 0 0;
        }
        .blue-btn {
            cursor: pointer;
            width: 86px;
            height: 26px;
            display: inline-block;
            background-color: #04baf0;
            font-size: 12px;
            color: #fff;
            line-height: 26px;
            text-align: center;
            margin-right: 20px;
            text-decoration: none;
        }

        .footer {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 65px;
            padding-top: 8px;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 99;
        }

        .footer ul {
            padding-left: 5px;
        }

        .footer li {
            display: inline-block;
            margin: 2px;
            color: #b8b8b8;
        }

        .footer li a {
            color: #b8b8b8;
        }
        /*slide*/
        .items, .banner-item {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .back {
            bottom: 0;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            overflow: hidden;
        }

        .items {
            overflow: visible;
            background: -webkit-linear-gradient(#0059b3, #fff); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(#0059b3, #fff); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(#0059b3, #fff); /* Firefox 3.6 - 15 */
            background: linear-gradient(#0059b3, #fff); /* 标准的语法 */
        }

        .banner-item {
            background: #fff none no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            display: none;
        }

        @media (max-width: 1366px)
        {
            .wrap {
                top: 120px;
            }
        }
    </style>
</head>
<body>
<div class="main">
    <div class="container">
        <div class="content">
            <div class="wrap">
                <div class="slogan"></div>
                <div class="auto">
                    <div class="main-entry">
                        <div class="main-entry-txt">
                            <i class="tanhao"></i>
                            您的网站因为超过使用期限而被暂停
                        </div>
                        <div style="width: 505px;margin: 0 auto;text-align: left;padding-left: 63px">
                            <div style="height: 123px;margin: 30px 0 0 0;line-height: 24px;color: #515151;font-size: 14px;">
                                <p>可以通过以下方式办理网站的开通及续费手续：</p>
                                <p>1：免费用户可以通过免费延期的方式开通访问</p>
                                <p>2：付费用户登录会员中心对业务进行续费操作后即可重新开通。</p>
                            </div>

                            <a href="http://www.sanfengyun.com" class="blue-btn">三丰云主站</a>
                            <a href="http://www.sanfengyun.com/help/" class="blue-btn">帮助中心</a>
                            <a href="http://www.sanfengyun.com/about/#contactUs" class="blue-btn">联系我们</a>
                            <p style="font-size: 17px;color: #000;margin-top: 20px;">如果需要其他帮助请联系我们客服人员寻求进一步解决。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="back">

            <div class="items" style="background-color: #ccc">

            </div>

        </div>
    </div>
</div>
</body>
</html>